<template>
  <base-layout :show-banner="false">
    <div class="about_con">
      <div class="new_con1 mt20">
        <h1>{{model.subject}}</h1>
        <div class="artInfo">
          <span>作者：{{model.author}}</span>
          <span>发布时间：{{model.createTime}}</span>
        </div>
        <div class="artCon" v-html="model.contents">
        </div>
      </div>
      <div class="cb"></div>
    </div>
  </base-layout>
</template>
<script>
  import BaseLayout from "@/components/BaseLayout";

  export default {
    name: 'Details',
    components: {
      BaseLayout
    },
    data() {
      return {
        id: this.$route.params.id,
        model: {}
      }
    },
    mounted() {
      this.$api.article.findArticleById(this.id).then(r => {
        this.model = r.data;
      });
    }
  }
</script>